<template>
  <div class="mine">
    <common-header />
    <div class="app-container">
      <nav-bar/>
      <div class="set-container">
        <router-view />
      </div>
    </div>
    <common-footer />
    <el-dialog title="添加地址/修改地址" v-model="isAddressing">
      <add-address />
      <template #footer>
        <div class="dialog-footer">
          <el-button type="primary" @click="isAddressing = false">
            确定
          </el-button>
        </div>
      </template>
    </el-dialog>
    <shop-cart />
  </div>
</template>
<script setup>
import { ref } from 'vue'
import CommonHeader from "@/components/common/CommonHeader.vue";
import NavBar from "@/components/mine/NavBar.vue";
import CommonFooter from "@/components/common/CommonFooter.vue";
import ChangeAvatar from "@/components/mine/ChangeAvatar.vue";
import AddAddress from "@/components/mine/AddAddress.vue";
import ShopCart from "@/components/common/ShopCart.vue";
const isAddressing = ref(false)
</script>
<style scoped>
.app-container{
  margin-bottom: 50px;
  display: flex;
  width: 1200px;
  flex: 1;
}
.set-container{
  flex: 1;
}
.setup {
  padding: 32px 0px 32px 50px;
}
</style>